<template>
  <div id="app">
    <div class="link">

      <mu-container>
        <mu-bottom-nav>
          <router-link to="/">
            <mu-bottom-nav-item title="博客列表" icon="home"></mu-bottom-nav-item>
          </router-link>
          <router-link to="/CreatBlog">
            <mu-bottom-nav-item title="新建博客" icon="favorite"></mu-bottom-nav-item>
          </router-link>

        </mu-bottom-nav>
      </mu-container>
    </div>
    <div class="view">
      <router-view/>
    </div>

  </div>
</template>

<script>
export default {
  name: "App"
};
</script>

<style scope>
@import '//fonts.useso.com/css?family=Roboto:300, 400, 500, 700, 400italic';
@import "http://cdn.bootcss.com/material-design-icons/3.0.1/iconfont/material-icons.css";
*{
  margin:0;
  padding:0;
}
.link {
  text-align: center;
  padding: 30px;
}
.view {
  width: 800px;
  margin: 0 auto;
}
.padding-height-30 {
  padding: 30px 0;
}
a{
  color:#bbb;
}
</style>
